<template>
    <!-- 轮播图 -->
    <van-swipe :autoplay="3000" lazy-render>
        <van-swipe-item v-for="image in images" :key="image">
            <img :src="image" class="main-swipeImage" />
        </van-swipe-item>
    </van-swipe>
    <middleGrids v-bind:markPorK="markPorK"></middleGrids>

</template>

<script>
import middleGrids from '../middleGrids.vue';
import { Swipe, SwipeItem } from 'vant';
export default {
    name: 'milldeLayoutInMain',
    props: ["markPorK"],
    components: {
        [Swipe.name]: Swipe,
        [SwipeItem.name]: SwipeItem,
        middleGrids,
    },
    setup() {
        const images = [
            'https://cdn.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
            'https://cdn.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
        ];
        return { images };
    },


};

</script>

<style scoped lang ="less">
.main {
    &-swipeImage {
        width: 100%;
        height: 53vw;
        display: block;
    }

}
</style>